<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Thời trang bán buôn 24h</title>
    
    <!--Thư viện hiệu ứng animate-->
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <!--Thư viện icon font-awesome-->
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!--Reset css về mặc định trên các trình duyệt-->
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <!--Css dùng chung -->
	<link rel="stylesheet" type="text/css" href="css/reset.css" />
    <!--Css chính cho toàn trang -->
	<link rel="stylesheet" type="text/css" href="css/style.css" />
    <!--Jquery -->
    <script src="js/1.7.2.jquery.min.js"></script>
    <!--Thư viện check form -->
	<script src="js/jquery.validationEngine-vi.js"></script>
    <script src="js/jquery.validationEngine.js"></script>
    <link rel="stylesheet" type="text/css" href="css/validationEngine.jquery.css">
     <!--Hiệu ứng popup -->
	<script src="js/jquery.bpopup.min.js"></script>
    <script>
	  //Kiểm tra tài liệu đã sẵn sàng
	  $(document).ready(function(e) {
		  //Toàn bộ code sử dụng Jquery bắt buộc để ở đây
		  $('#frmcontact').validationEngine();//Tham chiếu đến thẻ form mang id là frmreg và gọi PT validationEngine của plugin đã nhúng bên trên
		  $('a.login-link').click(function(e) {
			  $('.itq-popup').bPopup({
				modalClose: true,
				opacity: 0.6,
				positionStyle: 'fixed' //'fixed' or 'absolute'
			});
            
        });
		   
              
     });
	</script>
    
</head>
<body>
	<header class="itq-header">
    	<section class="wrapper-header">
       		<figure class="logo">
            	<a href="#"><img src="images/logo.png" width="180"></a>
            </figure>
            <section class="shopping-cart">
            	<ul>
                	<li><a href="#"><img src="images/tui-dung-hang-hd.png"></a></li>
                    <li><a href="#"><img src="images/mua-hang-hd.png"></a></li>
                    
                </ul>	
            </section>
            <section class="list-item">
            	<ul>
                	<li><img src="images/doi-tra-hang-icon.png" width="15">Đổi trả hàng trong vòng <span>"7 ngày"</span></li>
                    <li><img src="images/thanh-toan-icon.png" width="15">Thanh toán  <span>"Toàn quốc "</span> hoặc qua<span>"Tài khoản "</span> </li>
                    <li><img src="images/giao-hang-icon.png" width="15">Giao hàng <span>"Toàn quốc"</span></li>
                    <li><img src="images/tra-hang-icon.png" width="15">Trả hàng <span>"Tại nhà"</span></li>
             
                    
                </ul>	
            </section>
            <section class="login">
            	<ul>
                	<li><a class="login-link" href="#">Đăng nhập</a></li>
                    <li><a class="login-link" href="#">Đăng kí</a></li>
                </ul>
            </section>
        </section><!-- .wrapper-header -->
        
    </header><!-- .itq-header -->
    <section class="clear"></section>
	<section class="itq-popup" style="width:300px;
    height:400px;
    background:#F00; display:none;">
    
    </section><!-- .itq-pupup -->
    <nav class="itq-menu">
        <section class="wrapper-menu">
            <ul>
                <li>
                    <a href="#">Trang chủ</a>
                </li>
                <li>
                    <a href="#">Sản phẩm</a>
                </li>
                <li>
                    <a href="#">Bán buôn quần áo trẻ em</a>
                </li>
                <li>
                    
                    <a href="#">Liên hệ</a>
                </li>
            </ul>
            <section class="form-search">
            	<img class="sale" src="images/sale.png">
                <form method="get" >
                    <input type="text" placeholder="Nhập từ khoá tìm kiêm"><input type="submit" value="">
                </form>
                
            </section>
            
        </section><!-- .wrapper-menu -->
    </nav><!-- .itq-menu -->
    <section class="clear"></section>
    <section class="itq-guide">

    	<ul>
        	<li><a href="#">Hướng dẫn mua hàng</a></li>
            <li><a href="#">Hướng dẫn mua hàng</a></li>
            <li><a href="#">Hướng dẫn mua hàng</a></li>
            <li><a href="#">Hướng dẫn mua hàng</a></li>
            <li><a href="#">Hướng dẫn mua hàng</a></li>
            <li><a href="#">Hướng dẫn mua hàng</a></li>
        </ul>
    </section><!-- .itq-guide -->
    <section class="clear"></section>
    <section class="itq-container">
	
    	<section class="wapper-container">
        	<section class="list-product">
            	<header class="head-content">
                	<figure>
                    	<img src="uploads/title-icon.png" alt="">
                         <figcaption> Sản phẩm nổi bật </figcaption>
                    </figure>
                   
                </header>
                <ul class="list-item">
                	<li class="item">
                    	<figure>
                        	<a href="#"><img src="uploads/thumb_06i23qmK.jpg" alt=""></a>
                            <figcaption>Áo phao hoa TQXK sie nhí</figcaption>
                        </figure>
                        <section class="info">
                        	<p class="p1">
                            	<span class="s1">0936 171 628</span>
                        	<a href="#"> Đặt hàng</a>
                            </p>
                           
                            <p class="p2">
                             <img src="uploads/chung-loai-icon.png" alt="">
                             Mã sản phẩm:
                             <a href="#" rel="nofollow" style="font-size:15px; font-weight: bold">BBT44</a>
                          
                            </p>
                            <p class="p3">
                            	<span class="s2"><a href="#"><i class="fa fa-heart-o"></i> 22 lượt thích</a></span>
                                <span class="s2"><i class="fa fa-eye"></i> 65 lượt xem</span>
                            </p>
                            </section>
                      
                    
                    </li>
                    <li class="item">
                    	<figure>
                        	<a href="#"><img src="uploads/thumb_06i23qmK.jpg" alt=""></a>
                            <figcaption>Áo phao hoa TQXK sie nhí</figcaption>
                        </figure>
                        <section class="info">
                        	<p class="p1">
                            	<span class="s1">0936 171 628</span>
                        	<a href="#">Đặt hàng</a>
                            </p>
                           
                            <p class="p2">
                             <img src="uploads/chung-loai-icon.png" alt="">
                             Mã sản phẩm: <a href="#" rel="nofollow" style="font-size:15px; font-weight: bold">BBT44</a>
                            </p>
                            <p class="p3">
                            	<span class="s2"><a href="#"><i class="fa fa-heart-o"></i>22 lượt thích</a></span>
                                <span class="s2"><i class="fa fa-eye"></i>65 lượt xem</span>
                            </p>
                            </section>
                      
                    
                    </li>
                    <li class="item">
                    	<figure>
                        	<a href="#"><img src="uploads/thumb_06i23qmK.jpg" alt=""></a>
                            <figcaption>Áo phao hoa TQXK sie nhí</figcaption>
                        </figure>
                        <section class="info">
                        	<p class="p1">
                            	<span class="s1">0936 171 628</span>
                        	<a href="#"> Đặt hàng</a>
                            </p>
                           
                            <p class="p2">
                             <img src="uploads/chung-loai-icon.png" alt="">
                             Mã sản phẩm: <a href="#" rel="nofollow" style="font-size:15px; font-weight: bold">BBT44</a>
                            </p>
                            <p class="p3">
                            	<span class="s2"><a href="#"><i class="fa fa-heart-o"></i>22 lượt thích</a></span>
                                <span class="s2"><i class="fa fa-eye"></i>65 lượt xem</span>
                            </p>
                            </section>
                      
                    
                    </li>
                    <li class="item">
                    	<figure>
                        	<a href="#"><img src="uploads/thumb_06i23qmK.jpg" alt=""></a>
                            <figcaption>Áo phao hoa TQXK sie nhí</figcaption>
                        </figure>
                        <section class="info">
                        	<p class="p1">
                            	<span class="s1">0936 171 628</span>
                        	<a href="#"> Đặt hàng</a>
                            </p>
                           
                            <p class="p2">
                             <img src="uploads/chung-loai-icon.png" alt="">
                             Mã sản phẩm: <a href="#" rel="nofollow" style="font-size:15px; font-weight: bold">BBT44</a>
                            </p>
                            <p class="p3">
                            	<span class="s2"><a href="#"><i class="fa fa-heart-o"></i>22 lượt thích</a></span>
                                <span class="s2"><i class="fa fa-eye"></i>65 lượt xem</span>
                            </p>
                            </section>
                      
                    
                    </li>
                     
                    
                </ul>
             
            </section><!--list-product-->
        	  <footer class="footer-content">
                	<p> <a href="#"> Xem tất cả các sản phẩm <i class="fa fa-angle-double-right"></i> </a></p>
            </footer>
    </section><!-- .itq-container -->
    <section class="clear"></section>
 
    
    <section class="itq-contact-footer">
    	<section class="wrapper-contact-footer">
        	<ul>
            	<li>
                	<h1><img src="images/dia-chi-lien-he-icon.png">ĐỊA CHỈ LIÊN HỆ</h1>
                    <p>Hệ thống <span><a href="#">Bán buôn quần áo</a> </span>trực tuyến số 1 tại Việt Nam</p>
                    <p>- Địa chỉ: Số 44 đường Đê Tô Hoàng - Hai Bà Trưng - HN</p>
                    <p>- Mobile : <span>0936 171 628</span></p>
                    <p>- Email: <span>banbuonquanao24h@gmail.com</span></p>
                </li>
                <li>
                	<h1><img src="images/hdsd-ft.png">Hướng dẫn</h1>
                    <a href="#">Hướng dẫn mua hàng</a>
                    <a href="#">Hướng dẫn thanh toán</a>
                    <a href="#">Phương thức vận chuyển</a>
                    
                </li>
                <li>
                	<h1><img src="images/chinh-sach-cong-ty-icon.png">Chính sách khác</h1>
                    <a href="#">Hướng dẫn mua hàng</a>
                    <a href="#">Hướng dẫn thanh toán</a>
                    <a href="#">Phương thức vận chuyển</a>
                    
                </li>
            </ul>
            <section class="book-email">
            	<h1>ĐĂNG KÝ NHẬN TIN <span>"KHUYẾN MẠI"</span></h1>
                <p>Qua email</p>
                <form method="post">
                	<input type="text" placeholder="Vd : name@gmail.com">
                    <input type="submit" value="Gửi email">
                </form>
            </section>
        </section><!-- .wrapper-contact-footer -->
    </section><!-- .itq-contact-footer -->
    <section class="clear"></section>
    
    <footer class="itq-footer">
    	<section class="wrapper-footer">
        	<figure>
            	<a href="#"><img src="images/logo f.png" width="180"></a>
            </figure>
            <section class="content-footer">
            	<p>Copyright © 2012 KIDS100. All Rights Reserved.</p>
                <h3>Kết quả hiện tại: <span>5</span>/5 (Thang 5 điểm)</h3>
                <h3>Tổng số: <span>1</span> lượt đánh giá</h3>
                <ul class="rating">
                	<li><a href="#"><i class="fa fa-star"></i></a></li>
                    <li><a href="#"><i class="fa fa-star"></i></a></li>
                    <li><a href="#"><i class="fa fa-star"></i></a></li>
                    <li><a href="#"><i class="fa fa-star"></i></a></li>
                    <li><a href="#"><i class="fa fa-star"></i></a></li>
                </ul>
            </section>
        </section><!-- .wrapper-footer -->
    
    </footer><!-- .itq-footer -->
    <section class="clear"></section>
    
    
</body>
</html>